<!--项目列表-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta http-equiv="Content-Language" content="zh-CN"/>
    <title>码虫服务平台-项目列表</title>
    <link rel="stylesheet" type="text/css" th:href="@{/style/basic.css}"/>
    <link rel="stylesheet" type="text/css" th:href="@{/style/tzjg_list.css}"/>
    <link rel="stylesheet" th:href="@{/layui/dist/css/layui.css}" media="all">
    <link th:href="@{/mb/css/bootstrap.min.css}" rel="stylesheet" type="text/css">
    <link th:href="@{/mb/css/css.css}" rel="stylesheet" type="text/css">
    <link th:href="@{/mb/css/Animation.css}" rel="stylesheet" type="text/css">
    <link rel="stylesheet" type="text/css" th:href="@{/style/container.css}">


</head>
<body>
<!--头开始-->
<header class="navbar-fixed-top headerbg" th:each="codeUser:${codeUsers}">
    <!--左上角logo-->
    <div class="logo">
        <a href="http://www.baidu.com" th:href="@{/mc/logged/loginIndex(userNo=${codeUser.userNo})}" class="fl mt10">
            <img th:src="@{/mb/images/mclogo.png}" style="margin-top: -30px;margin-left: 30px" alt=""></a></div>

    <!--导航栏剩余部分-->
    <div class="navBox hidden-xs hidden-sm" style="float: right;margin-right: 10%">
        <ul class="navList list-unstyled">
            <li class="navLi">
                <h3>
                    <a th:href="@{/mc/logged/loginIndex(userNo=${codeUser.userNo})}"><span>首页</span></a>
                </h3>
            </li>
            <li class="navLi on"><h3><a href="#"
                                     th:href="@{/mc/item/loginItemsList(userNo=${codeUser.userNo})}"><span>项目</span></a>
            </h3></li>

            <li class="navLi">
                <h3>
                    <div th:if="${codeUser.type}==1">
                        <a href="#" th:href="@{/mc/item/myRelease(userNo=${codeUser.userNo})}"><span>我的发布</span></a>
                    </div>
                </h3>
            </li>

            <li class="navLi">
                <h3>
                        <span th:if="${codeUser.type}==1">
                            <a href="#"
                               th:href="@{/mc/item/releaseProject(userNo=${codeUser.userNo})}"><span>项目发布</span></a></span>
                </h3>
            </li>
            <li class="navLi">
                <h3>
                        <span th:if="${codeUser.type}==2">
                            <a href="#" th:href="@{/mc/stage/participatingProjects(userNo=${codeUser.userNo})}"><span>我的参与</span></a></span>
                </h3>
            </li>
            <li class="navLi"><h3><a href="#"
                                     th:href="@{/mc/logged/help(userNo=${codeUser.userNo})}"><span>帮助</span></a></h3>
            </li>
            <li class="navLi"><h3>
                <span th:if="${codeUser.image}">
                <img th:src="@{'/article/'+ ${codeUser.image}}" height="60px" width="60px"> </span>
                <span th:unless="${codeUser.image}">
                <img th:src="@{/images/center.png}" height="60px" width="60px">
                </span></h3>
                <div class="navSub">
                    <ul class="navSubList list-unstyled">
                        <li class="navSubLi">
                            <h4><a style="text-decoration: none" th:text="'hello，'+${codeUser.nickName}">hello，xxx</a>
                            </h4>
                        </li>
                        <li class="navSubLi">
                            <h4><a th:href="@{/mc/logged/userInformation(userNo=${codeUser.userNo})}">● 个人中心</a></h4>
                        </li>
                        <li class="navSubLi">
                            <h4><a th:href="@{/mc/logged/moneyPay(userNo=${codeUser.userNo})}">● 我的开发宝</a></h4>
                        </li>
                        <li class="navSubLi">
                            <h4><a th:href="@{/mc/item/myCollection(userNo=${codeUser.userNo})}">● 我的收藏</a></h4>
                        </li>
                        <li class="navSubLi">
                            <h4><a th:href="@{/mc/logged/advise(userNo=${codeUser.userNo})}">● 我要建议</a></h4>
                        </li>
                        <li class="navSubLi">
                            <h4><a th:href="@{/mc/}">● 退出登录</a></h4>
                        </li>
                    </ul>
                </div>
            </li>
        </ul>
    </div>
</header>
<!--头结尾-->
<!--动态线条-->
<div class="bannerN animated" style="height: 200px;">
    <div class="imgFull"><img class="img-responsive" th:src="@{/mb/images/ab_bg_01.png}"></div>
    <div class="clouds_one"></div>
    <div class="clouds_two"></div>
    <div class="clouds_three"></div>
</div>
<!--动态线条结尾-->
<div class="hr tp-div-nexthr" style="margin-top: 50px;"></div>
<!--头部代码结束-->


<div style=" width: 100%;">
    <!-- Example row of columns -->
    <div class="row" style="margin-left: 10%">
        <div class="span12" style="padding-top: 20px;">
            <div style="margin-left: 20%">
                <div class="mylistshow b-20 t-20" id="mmlistshow2">
                    <form class="layui-form" th:action="@{/mc/item/loginItemsList}">
                        <input type="hidden" th:value="${codeUsers.get(0).getUserNo()}" name="userNo"/>
                        <dl class="mydllist">
                            <div class="layui-form-item">
                                <label class="layui-form-label">项目类型：</label>
                                <div class="layui-input-block">
                                    <div id="itemType">
                                        <dd><input name="itemType" checked="checked" title="全部" type="radio" value="0"/>
                                        </dd>
                                        <dd><input name="itemType" title="Web网站" type="radio" value="1"/></dd>
                                        <dd><input name="itemType" title="App开发" type="radio" value="2"/></span></dd>
                                        <dd><input name="itemType" title="微信公众号" type="radio" value="3"/></span></dd>
                                        <dd><input name="itemType" title="小程序" type="radio" value="4"/></dd>
                                        <dd><input name="itemType" title="HTML应用" type="radio" value="5"/></dd>
                                        <dd><input name="itemType" title="其他" type="radio" value="6"/></dd>
                                    </div>
                                </div>
                            </div>

                            <br/>

                            <div style="border: 1px black;width: 940px;"></div >

                            <div class="layui-form-item">
                                <label class="layui-form-label">项目进度：</label>
                                <div class="layui-input-block">
                                    <div id="itemDid">
                                        <dd><input name="itemDid" checked="checked" title="全部" type="radio" value="0"/>
                                        </dd>
                                        <dd><input name="itemDid" title="招募中" type="radio" value="1"/></dd>
                                        <dd><input name="itemDid" title="进行中" type="radio" value="2"/></dd>
                                        <dd><input name="itemDid" title="已结束" type="radio" value="3"/></dd>
                                    </div>
                                </div>
                                <input style="float: right;" type="submit" class="layui-btn" value="查询"/>
                            </div>
                        </dl>
                    </form>
                </div>

                <!--第一个-->
                <div class="news-list">
                    <div style="width: 752px;" th:each="items:${codeItems}">
                        <div class="news_list mtb20">
                            <ul class="list_style">
                                <li class="news_info wow fadeInUp">
                                    <div class="contents">
                                        <div class="news_time">
                                            <h1 style="font-size: 18px">
                                                <span th:if="${items.itemImage}">
                                                <img class="lazyloadimg" alt="标题标题标题标题标题标题"
                                                     th:src="@{'/article/'+ ${items.itemImage}}"
                                                     width="90px" height="90px"/>
                                            </span>
                                                <span th:unless="${items.itemImage}">
                                                <img class="lazyloadimg" alt="标题标题标题标题标题标题" th:src="@{/images/noImage.png}"
                                                     width="90px" height="90px"/>
                                                    </span>
                                            </h1>
                                            <h6> 项目类型: <span th:switch="${items.itemType}">
                                                            <span th:case="1">Web网站</span>
                                                            <span th:case="2">App开发</span>
                                                            <span th:case="3">微信公众号</span>
                                                            <span th:case="4">小程序</span>
                                                            <span th:case="5">HTML应用</span>
                                                            <span th:case="6">其他</span>
                                                    </span></h6>
                                        </div>
                                        <div class="news_contents">
                                            <a
                                               th:href="@{/mc/item/itemDetails(itemNo=${items.itemNo},userNo=${codeUsers.get(0).getUserNo()})}">
                                                <h3 th:text="${items.itemName}">软件名称 tv系统酒店版正式发布</h3>
                                            </a>
                                            项目简介:<h5 style="width: 400px;" th:text="${items.text}">
                                                更多详情请来电咨询。</h5>
                                        </div>
                                        <span class="number" style="float:right;margin-right: 5px">
                                                    <span th:switch="${items.itemDid}">
                                                            <span th:case="1">
                                                                      <button style="float: right"
                                                                              class="layui-btn layui-btn-lg layui-btn-radius layui-btn-normal">招募中</button>
                                                            </span>
                                                            <span th:case="2">
                                                                      <button style="float: right"
                                                                              class="layui-btn layui-btn-lg layui-btn-radius layui-btn-danger">进行中</button>
                                                            </span>
                                                            <span th:case="3">
                                                                      <button style="float: right"
                                                                              class="layui-btn layui-btn-lg layui-btn-radius layui-btn-disabled">已结束</button>
                                                            </span>
                                                    </span>
                                        </span>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>

                <!--左侧代码-->
                <div style="position:fixed;top:32.3%;left:0">
                    <div class="label-div t-20 border-all">
                        <div class="label-main tody-hot l-15">
                        <ul>
                                <li>
                                    <a href="https://blog.csdn.net/dQCFKyQDXYm3F8rB0/article/details/83745695">唇语识别技术</a>
                                </li>
                                <img th:src="@{/images/cysb.png}" style="height: 287px;width: 300px;" height="500px"/>
                        </ul>
                        </div>
                    </div>
                </div>
                <!--左侧代码-->


                <!--右侧代码-->
                <div style="position:fixed;top:32.3%;right:0">
                    <div class="label-div t-20 border-all">
                        <div class="label-main tody-hot l-15">
                            <ul>
                                <li>
                                    <a href="https://www.csdn.net/article/a/2017-10-17/15933496">开发者如何规划自己的教育</a>
                                </li>
                                <img th:src="@{/images/education.jpg}" style="height: 287px;width: 300px;" height="500px"/>
                            </ul>
                        </div>
                    </div>
                </div>
                <!--右侧代码结束-->


                <!--分页-->

                <div class="pagination center pagination-large pt-20" style="margin-left:10%">
                    <div class="row text-center">
                        <div class="col-md-12">
                            <ul class="pagination">
                                <li><a th:class="${currentPage eq 1 ? 'btn disabled' : '' }" href="javascript:;"
                                       th:href="@{/mc/item/loginItemsList(page=1,userNo=${codeUsers.get(0).getUserNo()},itemDid=${itemDid},itemType=${itemType})}">首页</a>
                                </li>
                                <li><a th:class="${currentPage eq 1 ? 'btn disabled' : '' }" href="javascript:void(0);"
                                       th:href="@{/mc/item/loginItemsList(page=${currentPage}-1,userNo=${codeUsers.get(0).getUserNo()},itemDid=${itemDid},itemType=${itemType})}">上一页</a>
                                </li>

                                <li th:class="${page eq currentPage} ? 'active' : ''"
                                    th:each="page:${#numbers.sequence(1,totalPage)}">
                                    <a href="javascript:void(0);"
                                       th:href="@{/mc/item/loginItemsList(page=${page},userNo=${codeUsers.get(0).getUserNo()},itemDid=${itemDid},itemType=${itemType})}"
                                       th:text="${page}">1</a>
                                </li>

                                <li><a th:class="${currentPage eq totalPage ? 'btn disabled' : '' }"
                                       href="javascript:void(0);"
                                       th:href="@{/mc/item/loginItemsList(page=${currentPage}+1,userNo=${codeUsers.get(0).getUserNo()},itemDid=${itemDid},itemType=${itemType})}">下一页</a>
                                </li>
                                <li><a th:class="${currentPage eq totalPage ? 'btn disabled' : '' }" href="#"
                                       th:href="@{/mc/item/loginItemsList(page=${totalPage},userNo=${codeUsers.get(0).getUserNo()},itemDid=${itemDid},itemType=${itemType})}"
                                       style="border: 1px solid #ddd;">尾页</a></li>
                                <li><a style="border: 0px;margin-left: 0px;">当前页<span
                                        th:text="${currentPage}"></span>/<span th:text="${totalPage}"></span>总页</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <!--第一个结束-->


        </div>
    </div>
</div>



<!--联系我们-->
<div class="contact-container">
    <div class="contact-connect-container">
        <div class="button-container">
            <img th:src="@{/images/contacts.png}"/><span style="margin-left: 5px;">联系我们</span>
        </div>
        <div class="pop" style="display: none;">
            <div class="word" style="text-align: center;"><span style="font-size: 12px;">在线咨询请扫描下面二维码👇</span></div>
            <div style="height: 120px;width: 120px;margin:20px 22px;">
                <img th:src="@{/images/QR.jpg}" style="width: 120px;height: 120px;margin-top: -15px;"/>
            </div>
        </div>
    </div>
</div>

<footer class="footerBg">
    <div class="container"><span class="footer_logo"><img th:src="@{/mb/images/mclogo.png}"></span><span
            class="CopyRight_name">码虫互联网服务外包平台 </span></div>
</footer>
</body>

<script th:src="@{/mb/js/jquery-3.3.1.min.js}" type="text/javascript"></script>
<script th:src="@{/mb/js/jquery.js}" type="text/javascript"></script>
<script type="text/javascript" th:src="@{/js/Contacts.js}"></script>
<script type="text/javascript" th:src="@{/js/bioV4.min.js}"></script>
<script type="text/javascript" th:src="@{/js/jquery.lazyload.mini.js}"></script>
<script type="text/javascript" th:src="@{/js/function.js}"></script>
<script type="text/javascript" th:src="@{/js/tzjg_list.js}"></script>
<script type="text/javascript" th:src="@{/js/borsertocss.js}"></script><!-- 判断在IE9以下浏览器中根据像素的不同而设置的样式 -->
<!--引用-->

<script th:src="@{/layui/dist/layui.js}" charset="utf-8"></script>
<!-- 注意：如果你直接复制所有代码到本地，上述js路径需要改成你本地的 -->
<script>
    layui.use(['form', 'layedit', 'laydate'], function () {
        var form = layui.form
            , layer = layui.layer
            , layedit = layui.layedit
            , laydate = layui.laydate;


        //创建一个编辑器
        var editIndex = layedit.build('LAY_demo_editor');


        //监听指定开关
        form.on('switch(switchTest)', function (data) {
            layer.msg('开关checked：' + (this.checked ? 'true' : 'false'), {
                offset: '6px'
            });
            layer.tips('温馨提示：请注意开关状态的文字可以随意定义，而不仅仅是ON|OFF', data.othis)
        });

        //监听提交
        form.on('submit(demo1)', function (data) {
            layer.alert(JSON.stringify(data.field), {
                title: '最终的提交信息'
            })
            return false;
        });


    });
</script>

</html>